<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 5.引入当前页样式 -->
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box">
			<!-- 
            logo
            1.img直接写logo
            2.支持SEO 在a标签中套一个h1标签，然后给h1
            增加背景图
         -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c">
				<li class="indnode">首页</li>
				<li class="active">API</li>
				<li>云服务</li>
				<li>案例</li>
				<li>开发者</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>
		<main>
			<section class="apiall">
				<div class="container">
					<h1>API分类</h1>
					<ul id="apilist"></ul>
					<div class="inp1">
						<span>全部</span>
						<input
							class="searchInput"
							type="text"
							name=""
							id=""
							placeholder="身份证实名"
						/>
						<img src="../imgs/magnifier.png" alt="" />
					</div>
				</div>
			</section>
			<section class="apitwo">
				<div class="container">
					<ul class="apitList"></ul>
				</div>
			</section>
			<section class="pagination">
				<ul class="page">
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<li>6</li>
					<li>7</li>
					<li>8</li>
					<li>9</li>
					<li>10</li>
				</ul>
			</section>
		</main>
		<div class="mask">
			<div class="masklog">
				<p class="log">
					<img src="../imgs/loginlogo.png" alt="" />
				</p>
				<div class="masksome">
					<a class="active" href="#">账号登录</a>
					<a href="#">扫码登录</a>
				</div>
				<form class="formbox1" action="">
					<p class="form1">
						<i></i>
						<input type="text" name="" id="" placeholder="用户名/手机号/邮箱" />
					</p>
					<p class="form2">
						<i></i>
						<input type="password" name="" id="" placeholder="密码" />
					</p>
					<p class="forget">忘记密码</p>
					<p class="masksubmit">
						<input type="submit" name="" id="" value="登录" />
					</p>
					<p class="word">
						<span>还没有源码账号,&emsp;</span>
						<a href="">点击注册</a>
						<i></i>
					</p>
				</form>
				<form class="formbox2" action="">
					<div class="codebox">
						<img src="../imgs/showqrcode.jpg" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号,请先关注后再登录</p>
					</div>
					<p class="word1 text-l">
						<span>还没有源码账号,&emsp;</span>
						<a href="">点击注册</a>
						<i></i>
					</p>
				</form>
			</div>
		</div>
		<footer>
			<div class="container footerbox cf">
				<div class="foot-left">
					<div class="fl-top">
						<div class="flbox1">
							<h3>联系与支持</h3>
							<p>400-882-7715</p>
							<p>售前咨询</p>
							<p>客服&售后</p>
							<p>常见问题</p>
							<p>极速工单</p>
							<p>投诉与建议</p>
						</div>
						<div class="flbox1">
							<h3>关于源码</h3>
							<p>400-882-7715</p>
							<p>合作伙伴</p>
							<p>服务条款</p>
							<p>隐私政策</p>
							<p>市场合作</p>
							<p>反商业贿赂声明</p>
						</div>
						<div class="flbox1">
							<h3>快速入口</h3>
							<p>400-882-7715</p>
							<p>API数据</p>
							<p>黑钻会员</p>
							<p>新闻动态</p>
							<p>联系我们</p>
							<p>加入我们</p>
						</div>
						<div class="flbox1">
							<h3>产品服务</h3>
							<p>400-882-7715</p>
							<p>云监测</p>
							<p>云查询</p>
							<p>云助手</p>
							<p>聚盒子</p>
							<p>云充值</p>
						</div>
						<div class="flbox1">
							<h3>解决方案</h3>
							<p>400-882-7715</p>
							<p>数字中台</p>
							<p>极速工单</p>
							<p>投诉与建议</p>
							<p>慧集：API生命周期管理</p>
							<p>有赢：助力企业营销</p>
						</div>
					</div>
					<div class="fl-bottom">
						<img src="../imgs/bei2.png" alt="" />
						<img src="../imgs/bei1.png" alt="" />
						<span
							>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
						>
					</div>
				</div>
				<div class="foot-right">
					<div class="flword">
						<h2>微信公众号</h2>
						<p>源码时代</p>
						<div>
							<img src="../imgs/103-demo.png" alt="" />
						</div>
						<p class="pp">源码大数据股份有限公司©版权所有</p>
					</div>
				</div>
			</div>
		</footer>
		<script src="../js/util.js"></script>
		<script src="../js/api-index.js"></script>
	</body>
</html>
